<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>课程介绍</title>
  </head>
  <body>
    <div class="app-introduction">
      <!-- 视频 -->
      <div class="video">
        <i id="videoIcon" class="iconfont icon-xiangzuo1"></i>
        <video id="videoUrl" controls></video>
      </div>

      <!-- 标题 -->
      <div class="course">
        <h2 id="name"></h2>
        <div class="cur-time dpflex jcbetween">
          <p><span id="calorie"></span>千卡</p>
          <p><span id="time"></span>分钟</p>
          <p><i id="peoplenum"></i>人练过 ></p>
        </div>
      </div>

      <!-- 用户 -->
      <div class="user dpflex jcbetween">
        <img id="imgurl" alt="" />
        <div class="user-font">
          <p>姜乔</p>
          <p class="f14 mt8 c8A">三线达人课程设计师</p>
        </div>
        <input type="button" value="+关注" class="user-btn" id="userBtn">
      </div>

      <!-- 详情介绍 -->
      <div class="details">
        <span id="desc"></span>       
      </div>

      <!-- 练习频数 -->
      <div class="frequency dpflex">
        <div class="task">
          <span class="iconfont icon-exerice2"></span>
          <span>练习频次</span>
          <p>每周 <span id="frequency"></span> 次</p>
        </div>
        <div class="apparatus">
          <span class="iconfont icon-dumbbell2"></span>
          <span>器械</span>
          <p id="instrument">无</p>
        </div>
      </div>

      <!-- 开始训练 -->
      <div class="btn">
        <button>开始训练</button>
      </div>
    </div>
  </body>
</html>
